<script setup>
import { inject } from 'vue'
const options = inject('options')
</script>

<template>
    <div>
        <h1>Options</h1>
        <el-form :model="options" label-width="auto" style="max-width:1024px">
            <el-form-item label="base url">
                <el-input v-model="options.baseUrl" />
            </el-form-item>
            <el-space wrap>
                <el-form-item label="context size">
                    <el-input v-model="options.options.num_ctx" />
                </el-form-item>
                <el-form-item label="temperature">
                    <el-input v-model="options.options.temperature" />
                </el-form-item>
                <el-form-item label="seed">
                    <el-input v-model="options.options.seed" />
                </el-form-item>
                <el-form-item label="top_k">
                    <el-input v-model="options.options.top_k" />
                </el-form-item>
                <el-form-item label="top_p">
                    <el-input v-model="options.options.top_p" />
                </el-form-item>
                <el-form-item label="min_p">
                    <el-input v-model="options.options.min_p" />
                </el-form-item>
                <el-form-item label="n_predict">
                    <el-input v-model="options.options.n_predict" />
                </el-form-item>
                <el-form-item label="repeat_penalty">
                    <el-input v-model="options.options.repeat_penalty" />
                </el-form-item>
                <el-form-item label="repeat_last_n">
                    <el-input v-model="options.options.repeat_last_n" />
                </el-form-item>
            </el-space>
        </el-form>
    </div>
</template>



<style scoped>

</style>